<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/beauty.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/reset.css" rel="stylesheet">
<link rel="stylesheet" href="css/swiper-3.4.0.min.css">

</head>
<body>
    <header>
        <a href="javascript:history.go(-1)"><i class="iconfont back">&#xe608;</i></a>
        <span>专家在线</span>
        <div class="area"><a href="register.html">郑州</a></div>
    </header>

    <div class="content wrapper">
        <ul>
            <li>
                <img src="images/beauty1.jpg" alt="">
                <div class="fl">
                    <h2>发哥宠物美容美发</h2>
                    <p>美容、医疗、商店
                    </p>
                    <span>2.3 KM</span>
                </div>
            </li>
            <li>
                <img src="images/beauty2.jpg" alt="">
                <div class="fl">
                    <h2>发哥宠物美容美发</h2>
                    <p>美容、医疗、商店
                    </p>
                    <span>2.3 KM</span>
                </div>
            </li>        
            <li>
                <img src="images/beauty3.jpg" alt="">
                <div class="fl">
                    <h2>发哥宠物美容美发</h2>
                    <p>美容、医疗、商店
                    </p>
                    <span>2.3 KM</span>
                </div>
            </li>        
            <li>
                <img src="images/beauty4.jpg" alt="">
                <div class="fl">
                    <h2>发哥宠物美容美发</h2>
                    <p>美容、医疗、商店
                    </p>
                    <span>2.3 KM</span>
                </div>
            </li>        
            <li>
                <img src="images/beauty5.jpg" alt="">
                <div class="fl">
                    <h2>发哥宠物美容美发</h2>
                    <p>美容、医疗、商店
                    </p>
                    <span>2.3 KM</span>
                </div>
            </li>        
            <li>
                <img src="images/beauty6.jpg" alt="">
                <div class="fl">
                    <h2>发哥宠物美容美发</h2>
                    <p>美容、医疗、商店
                    </p>
                    <span>2.3 KM</span>
                </div>
            </li>

        </ul>
    </div>

<script src="js/zepto.min.js"></script>
<script src="js/swiper-3.4.0.min.js"></script>
</body>
</body>
</html>